<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-touch-fullscreen" content="yes">
		<meta name="format-detection" content="telephone=no;email=no">

		<link rel="stylesheet" href="../../css/mui.min.css">
		<link rel="stylesheet" href="../../css/swiper.min.css">
		<link rel="stylesheet" href="../../css/iconfont.css">
		<link rel="stylesheet" href="../../css/style.css">
		<title>新闻列表</title>
		<style>
			html,
			body {
				background-color: #fff;
			}
			
			.banner {
				width: 100%;
				overflow: hidden;
				position: relative;
			}
			
			.banner .swiper-slide {
				position: relative;
			}
			
			.banner img {
				display: block;
				width: 100%;
			}
			
			.gallerytitle {
				position: absolute;
				left: 0;
				bottom: 0;
				right: 0;
				height: 28px;
				line-height: 28px;
				padding-left: 16px;
				margin: 0;
				color: #fff;
				background-color: rgba(0, 0, 0, .6);
				font-size: 18px;
				font-weight: normal;
			}
			
			.gallerytitle span {
				display: block;
				width: 80%;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
			
			.swiper-container-horizontal>.swiper-pagination-bullets {
				position: absolute;
				left: 0;
				bottom: 5px;
				z-index: 20;
				width: 100%;
				padding-right: 10px;
				text-align: right;
			}
			
			.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
				display: inline-block;
				width: 6px;
				height: 6px;
				margin: 0 2px;
				border: 1px solid #fff;
				border-radius: 50%;
				background-color: transparent;
				cursor: pointer;
				opacity: 1;
			}
			
			.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
				background-color: #fff;
			}
			
			.list .mui-table-view-cell .video-media {
				position: relative;
				margin-right: 10px;
			}
			
			.list .video-media .video-media__icon {
				display: block;
				position: absolute;
				bottom: 5px;
				right: 5px;
				width: 20px;
				height: 20px;
				border: 1px solid #fff;
				border-radius: 50%;
			}
			
			.list .video-media .video-media__icon .video-media__play {
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				margin: auto;
				width: 0;
				height: 0;
				border-left: 7px solid #fff;
				border-top: 5px solid transparent;
				border-bottom: 5px solid transparent;
			}
			
			.list .mui-table-view-cell.mui-media .mui-media-object {
				display: block;
				width: 91px;
				height: 65px;
				max-width: 100px;
			}
			
			.list .mui-table-view-cell.mui-media .mui-media-body {
				position: relative;
				text-align: justify;
				white-space: normal;
				font-size: 18px;
			}
			
			.list .mui-table-view-cell .mui-media-body .news-time {
				margin-top: 3px;
			}
			
			.list .mui-table-view-cell .mui-media-body .time {
				color: #999;
				font-size: 14px;
			}
			
			.list .mui-table-view-cell .mui-media-body .news-tag {
				position: absolute;
				right: 0;
				bottom: 0;
			}
			
			.list .mui-table-view-cell .mui-media-body .tag {
				display: inline-block;
				width: 30px;
				line-height: 16px;
				text-align: center;
				font-size: 12px;
				border-width: 1px;
				border-style: solid;
				border-radius: 3px;
			}
			
			.list .mui-table-view-cell .mui-media-body .special-tag {
				color: #159ceb;
				border-color: #159ceb;
			}
			
			.list .mui-table-view-cell .mui-media-body .expand-tag {
				color: #e53d3d;
				border-color: #e53d3d;
			}
			
			.list .mui-table-view-cell.imgs-cell .mui-media-body {
				height: auto;
			}
			
			.list .mui-table-view-cell.imgs-cell .imgs-cell__pic {
				display: -webkit-flex;
				display: flex;
				margin-right: -5px;
				margin-top: 5px;
			}
			
			.list .mui-table-view-cell.imgs-cell .imgs-cell__info {
				overflow: hidden;
			}
			
			.list .mui-table-view-cell.imgs-cell .imgs-cell__pic .img {
				-webkit-flex: 1;
				flex: 1;
				margin-right: 8px;
				overflow: hidden;
			}
			
			.list .mui-table-view-cell.imgs-cell .imgs-cell__pic .img img {
				width: 100%;
			}
			
			.list .mui-table-view-cell .mui-media-body .imgs-tag {
				color: #ec00fb;
				border-color: #ec00fb;
			}
			
			.list--images {
				background-color: #e6e6e6;
			}
			
			.list--images li {
				margin-bottom: 10px;
			}
			
			.list--images .images-body {
				position: relative;
			}
			
			.list--images .images-body .images-body__icon {
				position: absolute;
				bottom: 14px;
				right: 11px;
			}
			
			.icon-imgs {
				font-size: 32px;
			}
			
			.list--images .images-body img {
				display: block;
				max-width: 100%;
			}
			
			.list--images .text-body {
				padding: 11px 15px;
				overflow: hidden;
				text-align: justify;
				background-color: #fff;
				font-size: 18px;
				color: #000;
			}
			
			.list--images .text-body .text-body__time {
				color: #999;
				font-size: 14px;
			}
		</style>
	</head>

	<body>
		<!--下拉刷新容器-->
		<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
			<div class="mui-scroll">
				<!-- 图文列表数据 -->
				<ul class="mui-table-view list" id="list" style="display: none;">
					
				</ul>
				<!-- 图集列表数据 -->
				<ul class="mui-table-view list--images" id="list2" style="display: none;">

				</ul>
			</div>
		</div>
		<!-- 缓存数据 -->
		<textarea id="bannerTemp" style="display: none;"></textarea>
		<textarea id="listTemp" style="display: none;"></textarea>

		<script src="../../js/mui.min.js"></script>
		<script src="../../libs/zepto.min.js"></script>
		<script src="../../js/swiper.min.js"></script>
		<script src="../../js/template.js"></script>
		<script src="../../js/common.js"></script>
		<!-- 下拉轮播图模板 -->
		<script id="bannerList" type="text/html">
			<div id="banner" class="banner swiper-container-horizontal">
				<div class="swiper-wrapper">
					{{each tops as value i}}
					<div class="swiper-slide swiper-slide-active">
						<a href="{{value.outerLinkUrl}}" data-id="{{value.id}}" data-title="{{value.title}}" data-type="{{value.type}}" data-columnsId="{{value.columnsId}}" data-subjectId="{{value.subjectId}}" data-isOuterLink="{{value.isOuterLink}}">
							<img src="{{value.carouselImage}}" onerror="this.src='../../images/lauch/def/tj_def.png'">
						</a>
						<h2 class="gallerytitle"><span>{{value.title}}</span></h2>
					</div>
					{{/each}}
				</div>
				<div class="pagination swiper-pagination-bullets">
					{{each tops as item i}} {{if i == 0}}
					<span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span> {{else}}
					<span class="swiper-pagination-bullet"></span> {{/if}} {{/each}}
				</div>
			</div>
		</script>
		<!-- 图文模板 -->
		<script id="newsList" type="text/html">
			{{each list as value i}} 
				{{if value.type == 1}} 
					<!-- 图集 -->
					<li class="mui-table-view-cell mui-media imgs-cell">
						<a href="{{value.outerLinkUrl}}" data-id="{{value.id}}" data-title="{{value.title}}" data-type="{{value.type}}" data-columnsId="{{value.columnsId}}" data-subjectId="{{value.subjectId}}" data-isOuterLink="{{value.isOuterLink}}">
							<div class="mui-media-body">
								{{value.title}}
								<div class="imgs-cell__pic">
									{{each value.imgs as item i}}
										<span class="img"><img src="{{item}}" onerror="this.src='../../images/lauch/def/tw_def.png'" ></span>
									{{/each}}
								</div>
								<div class="imgs-cell__info">
									<div class="mui-pull-left"><time class="time">{{value.releaseAtMinNumber}}</time></div>
									{{if value.subjectId !== null}}
										<div class="mui-pull-right"><span class="tag special-tag">专题</span></div>
									{{else}}
										<div class="mui-pull-right"><span class="tag imgs-tag">图集</span></div>
									{{/if}}
								</div>
							</div>
						</a>
					</li>
				{{else if value.type == 2}}
					<!-- 视频 -->
					<li class="mui-table-view-cell mui-media">
						<a href="{{value.outerLinkUrl}}" data-id="{{value.id}}" data-title="{{value.title}}" data-type="{{value.type}}" data-columnsId="{{value.columnsId}}" data-subjectId="{{value.subjectId}}" data-subjectName="{{value.subjectName}}" data-isOuterLink="{{value.isOuterLink}}">
							<div class="mui-pull-left video-media">
								<img class="mui-media-object" src="{{value.carouselImage}}" onerror="this.src='../../images/lauch/def/tw_def.png'">
								<div class="video-media__icon">
									<span class="video-media__play"></span>
								</div>
							</div>
							<div class="mui-media-body image-text">
								{{value.title}}
								<div class="news-time"><time class="time">{{value.releaseAtMinNumber}}</time></div>
								<!-- 添加标签 -->
								{{if value.subjectId !== null}}
									<div class="news-tag"><span class="tag special-tag">专题</span></div>
								{{else}}
									{{if value.label != ""}}
										<div class="news-tag"><span class="tag expand-tag">{{value.label}}</span></div>
									{{/if}}
								{{/if}}
							</div>
						</a>
					</li>
				{{else if value.type == 3}}
					<!-- 投票 -->
					<li class="mui-table-view-cell mui-media">
						<a href="{{value.outerLinkUrl}}" data-id="{{value.id}}" data-title="{{value.title}}" data-type="{{value.type}}" data-columnsId="{{value.columnsId}}" data-subjectId="{{value.subjectId}}" data-subjectName="{{value.subjectName}}" data-isOuterLink="{{value.isOuterLink}}">
							<img class="mui-media-object mui-pull-left" src="{{value.carouselImage}}" onerror="this.src='../../images/lauch/def/tw_def.png'">
							<div class="mui-media-body image-text">
								{{value.title}}
								<div class="news-time"><time class="time">{{value.releaseAtMinNumber}}</time></div>
								<!-- 添加标签 -->
								{{if value.subjectId !== null}}
									<div class="news-tag"><span class="tag special-tag">专题</span></div>
								{{else}}
									{{if value.label != ""}}
										<div class="news-tag"><span class="tag special-tag">{{value.label}}</span></div>
									{{/if}}
								{{/if}}
							</div>
						</a>
					</li>
				{{else}}
					<!-- 图文 -->
					<li class="mui-table-view-cell mui-media">
						<a href="{{value.outerLinkUrl}}" data-id="{{value.id}}" data-title="{{value.title}}" data-type="{{value.type}}" data-columnsId="{{value.columnsId}}" data-subjectId="{{value.subjectId}}" data-subjectName="{{value.subjectName}}" data-isOuterLink="{{value.isOuterLink}}">
							<img class="mui-media-object mui-pull-left" src="{{value.carouselImage}}" onerror="this.src='../../images/lauch/def/tw_def.png'">
							<div class="mui-media-body image-text">
								{{value.title}}
								<div class="news-time"><time class="time">{{value.releaseAtMinNumber}}</time></div>
								<!-- 添加标签 -->
								{{if value.label != ""}}
									{{if value.label == "专题"}}	
										<div class="news-tag"><span class="tag special-tag">{{value.label}}</span></div>
									{{else}}
										<div class="news-tag"><span class="tag expand-tag">{{value.label}}</span></div>
									{{/if}}
								{{/if}}
							</div>
						</a>
					</li>
				{{/if}} 
			{{/each}}
		</script>
		<!-- 视觉模板 -->
		<script id="imgsList" type="text/html">
			{{each list as value i}}
			<li>
				<a href="{{value.outerLinkUrl}}" data-id="{{value.id}}" data-title="{{value.title}}" data-type="{{value.type}}" data-columnsId="{{value.columnsId}}" data-subjectId="{{value.subjectId}}" data-subjectName="{{value.subjectName}}" data-isOuterLink="{{value.isOuterLink}}">
					<div class="images-body">
						<img src="{{value.carouselImage}}" onerror="this.src='../../images/lauch/def/tj_def.png'">
						<div class="images-body__icon">
							<span class="icon-imgs iconfont c-white">&#xe60c;</span>
						</div>
					</div>
					<div class="text-body">
						<div class="text-body__info">{{value.title}}</div>
						<div class="text-body__time mui-pull-right">
							<time>{{value.releaseAt}}</time>
						</div>
					</div>
				</a>
			</li>
			{{/each}}
		</script>
		<script>
			var count = 1; //上拉加载次数
			var pageSize = 5; //每页加载的数量
			var pageStart = 5;
			var pastTime = "2000-01-01 00:00:00";
			var columnsId = null;
			var spcTopic = null;
			//标签随文字段落高度自适应位置
			mui.each($("#list .image-text"), function() {
				if ($(this).height() < 65) {
					$(this).css("height", "65px");
					$(this).find(".news-time").addClass("pos");
				}
			});
			mui.init({
				pullRefresh: {
					container: '#pullrefresh',
					down: {
						callback: pulldownRefresh
					},
					up: {
						contentrefresh: '正在加载...',
						callback: pullupRefresh
					}
				}
			});
			//添加night自定义事件监听
			/*window.addEventListener('night', function(event) {
				lkg.nightMode();
			});*/
			//添加read自定义事件监听
			window.addEventListener('read', function(event) {
				var currentType = plus.networkinfo.getCurrentType();
				var readMode = localStorage.getItem("readMode");
				if (readMode == 1) {
					if (currentType === plus.networkinfo.CONNECTION_WIFI) {
						showImg("#banner");
						showImg("#list");
					} else {
						hideImg("#banner");
						hideImg("#list");
					}
				} else if (readMode == 2) {
					showImg("#banner");
					showImg("#list");
				} else if (readMode == 3) {
					hideImg("#banner");
					hideImg("#list");
				}
			});
			//添加图文列表项的点击事件
			mui('#list').on('tap', 'a', function() {
				gotoDetails($(this));
			});
			//添加图片列表项的点击事件
			mui('#list2').on('tap', 'a', function() {
				gotoDetails($(this));
			});

			function gotoDetails(that) {
				var currentType = plus.networkinfo.getCurrentType();
				if (currentType == plus.networkinfo.CONNECTION_NONE) {
					mui.toast("网络不给力");
					return;
				}
				var id = that.attr('data-id');
				var type = that.attr("data-type");
				var columnsId = that.attr("data-columnsId");
				var subjectId = that.attr("data-subjectId");
				var isOuterLink = that.attr("data-isOuterLink");
				var outerLinkUrl = that.attr("href");
				var title = that.attr("data-title");
				var subjectName = that.attr("data-subjectName");
				var href = null;
				var detailPage = null;
				//外链
				if (isOuterLink == 1) {
					//打开外部链接
					mui.openWindow({
						url: '../news/outer-link.html',
						id: 'outer-link.html',
						extras: {
							outerLinkUrl: outerLinkUrl
						},
						waiting: {
							autoShow: false
						},
						createNew: true
					});
				} else {
					//专题
					if (!subjectId) {
						if (type == 1) {
							href = 'images-details.html';
						} 
						else if(type == 3){
							href = 'vote-details.html';
						}
						else {
							href = 'news-details.html';
						}
						//打开详情页面          
						mui.openWindow({
							url: '../news/' + href,
							id: href,
							extras: {
								newsId: id
							},
							waiting: {
								autoShow: false
							},
							createNew: true //是否重复创建同样id的webview，默认为false:不重复创建，直接显示
						});
					} else {
						href = 'special-topic.html';
						detailPage = plus.webview.getWebviewById('special-topic.html');
						//触发详情页面的detailId事件
						mui.fire(detailPage, 'detailId', {
							subjectId: subjectId,
							columnsId: columnsId,
							title: subjectName
						});
						//打开专题列表页          
						mui.openWindow({
							url: '../news/' + href,
							id: href,
							waiting: {
								autoShow: false
							}
						});
					}
				}
			}
			/**
			 * 下拉刷新具体业务实现
			 */
			function pulldownRefresh() {
				var id = columnsId || plus.storage.getItem("firstId");
				count = 1;
				pageStart = 5;
				//setTimeout(function() {
				//图集
				if (id == 7) {
					mui.ajax({
						url: baseUrl + '/news/downList?columnsId=' + id + '&releaseAt=' + pastTime,
						dataType: 'json',
						type: 'get',
						success: function(data) {
							if (data.returnFlag == 0) {
								plus.nativeUI.closeWaiting();
								mui.each(data.list, function(index, value) {
									if (value.releaseAtMinNumber < 28800000) {
										value.releaseAtMinNumber = Humanize(value.releaseAtMinNumber);
									} else {
										value.releaseAtMinNumber = value.releaseAt;
									}
								});
								var newTime = new Date().format("yyyy-MM-dd hh:mm:ss");
								plus.storage.setItem("currentTimeNewLis", newTime); //保存上一次下拉刷新的时间
								var listHtml = template('imgsList', data);
								$("#list").css("display", "none");
								$("#list2").css("display", "block").html(listHtml);
								mui('#pullrefresh').pullRefresh().endPulldownToRefresh(); //下拉刷新结束
								mui('#pullrefresh').pullRefresh().refresh(true); //重置上拉加载
							}
						},
						error: function(xhr, type, errorThrown) {
							//异常处理
							plus.nativeUI.closeWaiting();
							throwGetNewsError();
						}
					});
				}
				//图文
				else {
					mui.ajax({
						url: baseUrl + '/news/downList?columnsId=' + id + '&releaseAt=' + pastTime,
						dataType: 'json',
						type: 'get',
						success: function(data) {
							if (data.returnFlag == 0) {
								plus.nativeUI.closeWaiting();
								mui.each(data.list, function(index, value) {
									if (value.releaseAtMinNumber < 28800000) {
										value.releaseAtMinNumber = Humanize(value.releaseAtMinNumber);
									} else {
										value.releaseAtMinNumber = value.releaseAt;
									}
								});
								var newTime = new Date().format("yyyy-MM-dd hh:mm:ss");
								plus.storage.setItem("currentTimeNewLis", newTime); //保存上一次下拉刷新的时间
								var $list = $("#list");
								var bannerHtml = template('bannerList', data);
								var listHtml = template('newsList', data);
								var readMode = localStorage.getItem("readMode");
								var currentType = plus.networkinfo.getCurrentType();
								if (document.getElementById("banner")) {
									$("#banner").remove();
								}
								$("#list2").css("display", "none");
								$("#bannerTemp").html(bannerHtml);
								$("#listTemp").html(listHtml);
								if (readMode == 1) {
									if (currentType === plus.networkinfo.CONNECTION_WIFI) {
										showImg("#banner");
										showImg("#listTemp");
									} else {
										hideImg("#banner");
										hideImg("#listTemp");
									}
								} else if (readMode == 2) {
									showImg("#banner");
									showImg("#listTemp");
								} else if (readMode == 3) {
									hideImg("#banner");
									hideImg("#listTemp");
								}
								$list.before($("#bannerTemp").html());
								$list.css("display", "block").html($("#listTemp").html());
								//图片自适应高度
								var img = $("#list .imgs-cell").find("img");
								mui.each(img, function() {
									this.onload = function() {
										this.style.height = AutoHeight(this);
									};
								});
								//标签随文字段落高度自适应位置
								mui.each($("#list .image-text"), function() {
									if ($(this).height() < 65) {
										$(this).css("height", "65px");
										$(this).find(".news-time").addClass("pos");
									}
								});
								mui('#pullrefresh').pullRefresh().endPulldownToRefresh(); //下拉刷新结束
								mui('#pullrefresh').pullRefresh().refresh(true); //重置上拉加载
								var mySwiper = new Swiper('#banner', {
									autoplay: 5000,
									autoplayDisableOnInteraction: false,
									loop: true,
									pagination: '.pagination'
								});
								//添加轮播图的点击事件
								mui('#banner').on('tap', 'a', function() {
									gotoDetails($(this));
								});
								//console.log($(".mui-media-body")[0].firstChild.nodeValue);
							}
						},
						error: function(xhr, type, errorThrown) {
							//异常处理
							plus.nativeUI.closeWaiting();
							throwGetNewsError();
						}
					});
				}
				//}, 1000);
			}
			/**
			 * 上拉加载具体业务实现
			 */
			function pullupRefresh() {
				var id = columnsId || plus.storage.getItem("firstId");
				var currentTime = plus.storage.getItem("currentTimeNewLis");
				//setTimeout(function() {
				//图集
				if (id == 7) {
					mui.ajax({
						url: baseUrl + '/news/upList?columnsId=' + id + '&releaseAt=' + currentTime + '&start=' + pageStart + '&length=' + pageSize,
						dataType: 'json',
						type: 'get',
						success: function(data) {
							if (data.returnFlag == 0) {
								mui('#pullrefresh').pullRefresh().endPullupToRefresh((pageStart >= data.total)); //参数为true代表没有更多数据了
								mui.each(data.list, function(index, value) {
									if (value.releaseAtMinNumber < 28800000) {
										value.releaseAtMinNumber = Humanize(value.releaseAtMinNumber);
									} else {
										value.releaseAtMinNumber = value.releaseAt;
									}
								});
								var listHtml = template('imgsList', data);
								count++;
								pageStart = pageSize * count;
								$("#list").css("display", "none");
								$("#list2").css("display", "block").append(listHtml);
							}
						},
						error: function(xhr, type, errorThrown) {
							//异常处理；
							throwGetNewsError();
						}
					});
				}
				//图文
				else {
					mui.ajax({
						url: baseUrl + '/news/upList?columnsId=' + id + '&releaseAt=' + currentTime + '&start=' + pageStart + '&length=' + pageSize,
						dataType: 'json',
						type: 'get',
						success: function(data) {
							if (data.returnFlag == 0) {
								mui('#pullrefresh').pullRefresh().endPullupToRefresh((pageStart >= data.total)); //参数为true代表没有更多数据了
								mui.each(data.list, function(index, value) {
									if (value.releaseAtMinNumber < 28800000) {
										value.releaseAtMinNumber = Humanize(value.releaseAtMinNumber);
									} else {
										value.releaseAtMinNumber = value.releaseAt;
									}
								});
								var listHtml = template('newsList', data);
								count++;
								pageStart = pageSize * count;
								var $list = $("#list");
								var readMode = localStorage.getItem("readMode");
								var currentType = plus.networkinfo.getCurrentType();
								$("#list2").css("display", "none");
								$("#listTemp").html(listHtml);
								if (readMode == 1) {
									if (currentType === plus.networkinfo.CONNECTION_WIFI) {
										showImg("#listTemp");
									} else {
										hideImg("#listTemp");
									}
								} else if (readMode == 2) {
									showImg("#listTemp");
								} else if (readMode == 3) {
									hideImg("#listTemp");
								}
								$list.css("display", "block").append($("#listTemp").html());
								//图片自适应高度
								var img = $("#list .imgs-cell").find("img");
								mui.each(img, function() {
									this.onload = function() {
										this.style.height = AutoHeight(this);
									};
								});
								//标签随文字段落高度自适应位置
								mui.each($("#list .image-text"), function() {
									if ($(this).height() < 65) {
										$(this).css("height", "65px");
										$(this).find(".news-time").addClass("pos");
									}
								});
							}
						},
						error: function(xhr, type, errorThrown) {
							//异常处理；
							throwGetNewsError();
						}
					});
				}
				//}, 1000);
			}
			if (mui.os.plus) {
				mui.plusReady(function() {
					setTimeout(function() {
						mui('#pullrefresh').pullRefresh().pulldownLoading();
					}, 100);
				});
			} else {
				mui.ready(function() {
					mui('#pullrefresh').pullRefresh().pulldownLoading();
				});
			}
			//添加listId自定义事件监听
			window.addEventListener('listId', function(event) {
				//获得事件参数
				var id = event.detail.id;
				//				plus.nativeUI.showWaiting("正在加载...");
				//清空当前栏目数据
				$("#banner").remove();
				$("#list").empty();
				$("#list2").empty();
				columnsId = id;
				pageStart = 5;
				count = 1;
				plus.storage.setItem("currentTimeNewLis", ""); //保存上一次下拉刷新的时间
				mui('#pullrefresh').pullRefresh().refresh(true); //重置上拉加载
				mui('#pullrefresh').pullRefresh().pulldownLoading(); //根据columnsId向服务器请求栏目新闻列表
			});
		</script>
	</body>

</html>